<template>
  <div ref="wrapper" style="background: #fff;"> 
    <mt-header title="会员注册">
      <mt-button icon="back" @click='$router.back(-1)' slot="left"></mt-button>
    </mt-header>
    <div class="general-form">      
      <p class="general-form-item"><span class="general-form-t">手机号</span><input type="text" value="13912345678" readonly placeholder="请输入用户名"></p>
      <p class="general-form-item"><span class="general-form-t">用户名</span><input type="text" placeholder="请输入用户名"></p>
      <p class="general-form-item"><span class="general-form-t">密码</span><input type="password" placeholder="请输入密码"></p>
      <p class="general-form-item"><span class="general-form-t">确认密码</span><input type="password" placeholder="请输入密码"></p>
    </div>
    <div class="m20">
      <label style="display: flex; align-items: center;">
        <input type="checkbox" style="width:16px; height:16px;"><span class="ml5 f14">我已经仔细阅读并接受注册许可协议</span>
      </label>
    </div>
    <div style="display:flex; margin: 0 20px;"><mt-button style="flex:1;" @click="$router.push('/login')" type="primary">完成注册</mt-button></div>
    <div class="tr m20 f16">
      <router-link to="/forget" class="blue">忘记密码</router-link><i class="ml15 mr15 gray">|</i><router-link to="/login" class="blue">立即登录</router-link>
    </div>
  </div>
</template>

<script>
export default { 
  data () {
    return {
    }
  },
  mounted(){
    this.$refs.wrapper.style.height = document.documentElement.clientHeight + "px"; 
  },
  methods:{
  }
}
</script>
